<template>
  <vue-content>
      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
        <el-tab-pane label="商品管理" name="proIndex">
            <pro-index ref="pro-index"/>
        </el-tab-pane>
        <el-tab-pane label="类别管理" name="proCategory">
          <pro-category ref="pro-category"/>
        </el-tab-pane>
        <!-- <el-tab-pane label="类型管理" name="third"></el-tab-pane> -->
      </el-tabs>
  </vue-content>
</template>

<script>
  // 主页面
  import proIndex from './proIndex/index'
  import proCategory from './proCategory/index'
  export default {
    name: 'role-table',
    components: {proIndex,proCategory},
    data: () => ({
      activeName: 'proIndex'
    }),
    methods: {
      handleClick(tab, event) {
        // console.log(tab, event);
      },
      
    },
    watch: {
    },
    filters: {
    
    },
    created () {
    }
  }
</script>
